<%-- 
    Document   : RRHH_PROFECIONES
    Created on : 01-dic-2014, 18:48:30
    Author     : equipo_4
--%>

<%@page import="java.util.List"%>
<%@page import="Modelo.SIS_ACCEDIDOS"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page import="RRHH_Modelo.RHH_PROFESION"%>
<%@page import="RRHH_Modelo.RHH_ACTIVIDAD"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="../css/NuevoStilo.css" rel="stylesheet" type="text/css"/>
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
        <script src="../js/jquery.ui.touch-punch.js" type="text/javascript"></script>
        <title>BROKER</title>
    </head>
    <body>
        <h1 id="tituloFormulario">LISTADO DE TIPOS PROFESIONES</h1>
        <div class="centrado">
            <ul id="lista">
                <%
                    RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));
                    Conexion con = new Conexion(usuario.getUSUARIO(), usuario.getPASSWORD());
                    SIS_ACCEDIDOS accedido = new SIS_ACCEDIDOS("RRHH/RRHH_PROFESIONES.jsp", usuario.getID(), "POSTULADOS");
                    accedido.setCon(con);
                    accedido.Insertar();
                    List<RHH_PROFESION> lista = new RHH_PROFESION(con).Todos();
                    for (int i = 0; i < lista.size(); i++) 
                    {
                        out.print("<li>"+lista.get(i).getDESCRIPCION()+"<span onclick='eliminar("+lista.get(i).getID()+",this);'>(X)</span></li>");
                    }
                %>
            </ul>
        </div>
            <div id="popUpbackGround" onclick="cancelar();"></div>
        <div class="popupg" id="persona">
            <div>PROFESIONES</div>
            <input type="text" value="" name="desc" placeholder="DESCRIPCION"/>
            <input type="text" value="0" name="anos" placeholder="AÑOS"/>
            <button onclick="aceptar();">ACEPTAR</button>
        </div>
        <footer >
            <a href="#" id="Atras" onclick="mostrar();"><img src="../img/iconos/mas.png" /><br/>
                AGREGAR PROFESION
            </a>
        </footer>
        <script type="text/javascript">
            var url = "../RHH_PROFESIONES_CONTROLLER";
            function cancelar()
            {
                $("#popUpbackGround").css("display","none");
                $("#persona").css("display","none");
                $("input[name=desc]").val("");
                $("input[name=anos]").val("");
            }
            function mostrar()
            {
                $("#popUpbackGround").css("display","block");
                $("#persona").css("display","block");
            }
            function aceptar()
            {
                var desc = $("input[name=desc]").val();
                var anos = $("input[name=anos]").val();
                $.post(url,{evento:"insertar",desc:desc,anos:anos},function (response){
                    $("#lista").append(response);
                    cancelar();
                });
            }
            function eliminar(id,span)
            {
                $.post(url,{evento:"eliminar",id:id},function (response){
                    $(span).parent().remove();
                });
            }
        </script>
    </body>
</html>
